// Improving on bootstrap's mixins

.responsive-visibility() {
  display: block !important;
  tr& { display: table-row !important; }
  th&,
  td& { display: table-cell !important; }
  .btn-group&, .btn-group-vertical&, .btn& {display: inline-block !important;}
  span&, i& {display: inline !important;}
}

.responsive-invisibility() {
  display: none !important;
  tr& { display: none !important; }
  th&,
  td& { display: none !important; }
  .btn-group&, .btn-group-vertical&, .btn&,span&, i& {display: none !important;}
}

// Avant Specific

.btn-alt-states(@border) {

  color: #333;
  background-color: rgba(255, 255, 255, 0);
  border-color: @border;
  border-width: 1px;
  border-style:solid;
  .box-shadow(~"none");

  &:hover,
  &:focus {
    box-shadow: none !important;
    color:#000;
    border-color: darken(@border,10%);
  }
  &:active,
  &.active {
    border-color: @border;
    background-color: @border;
    color: #fff;
  }

  &.disabled,
  &[disabled],
  fieldset[disabled] & {
    &,
    &:hover,
    &:focus {
      box-shadow: none !important;
      border-color: @border;
    }
    &:active,
    &.active {
      border-color: @border;
      background-color: @border;
      color: #fff;
    }
  }

  // .caret {border-top-color: #1a1a1a !important;}
  &.dropdown-toggle {border-width: 1px}
  &.dropdown-toggle.alt-border {border-width: 1px 1px 1px 1px;}
}

